<!doctype html>
<!--[if lt IE 7 ]> <html lang="ja" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]>    <html lang="ja" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]>    <html lang="ja" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]>    <html lang="ja" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="ja" class="no-js"> <!--<![endif]-->
<head>
	<meta charset="UTF-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

	<title>Events</title>
	<meta name="description" content="" />
	<meta name="author" content="Y.Nishimura@Office L / nishimuray@gmail.com" />

	<meta name="viewport" content="width=device-width, initial-scale=1.0" />

	<link rel="shortcut icon" href="/favicon.ico" />
	<link rel="apple-touch-icon" href="/apple-touch-icon.png" />

	<link rel="stylesheet" href="css/style.css?v=1" />

	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
	<script type="text/javascript" src="js/modernizr.js"></script>
	<script>!window.jQuery && document.write('<script src="js/jquery-1.6.1.js"><\/script>')</script>
	<script type="text/javascript" src="js/script.js"></script>
</head>
<body>

<a id="a1" href="#">これはa1</a>
<a id="a2" href="#">これはa2</a>
<a id="a3" href="#">これはa3</a>
<a id="a4" href="core.htm">これはa4</a>

<hr />

<input type="text" value="123456" class="yen" />

<hr />

<input type="button" id="cancel" value="アンカーのアラートをキャンセル" />

<script type="text/javascript">
<!-- 
$(function() {

	$("a").click(function(){
		alert("全てのアンカーでこれを出す");
		return false;
	});

	$("#a2").unbind("click");	// でもそれじゃうざいので #a2 は click イベントやめる

	function addFigure(s) {		// 数字を三桁で区切る function
		var n = new String(s).replace(/,/g, "");
		while(n != (n = n.replace(/^(-?\d+)(\d{3})/, "$1,$2")));
		return n;
	}

	$(".yen").blur(function(){	// .yen からフォーカスが離れた時
		v1 = $(this).val();		// その値を取り出して
		v2 = addFigure(v1);		// 三桁区切りにする function に渡して
		$(this).val(v2);		// その結果を自分自身に戻す
	});

	$("#cancel").click(function(){
		$("a").unbind("click");
	});
});
// -->
</script>

</body>
</html>
